<template>
<!--  消息页面-->
	<el-card shadow="never" class="aui-card--fill">
		<div>
			<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
        <el-form-item prop="type">
          <ren-select v-model="dataForm.type" dict-type="massageType" placeholder="信息类型"></ren-select>
        </el-form-item>
        <el-form-item prop="status">
          <ren-select v-model="dataForm.status" dict-type="massageStatus" placeholder="信息状态"></ren-select>
        </el-form-item>
				<el-form-item>
					<el-button @click="getDataList()">查询</el-button>
				</el-form-item>
				<el-form-item>
					<el-button v-if="$hasPermission('api:massage:save')" type="primary"
						@click="addOrUpdateHandle()">
						新增
					</el-button>
				</el-form-item>
				<el-form-item>
					<el-button v-if="$hasPermission('api:massage:delete')" type="danger" @click="deleteHandle()">
						删除
					</el-button>
				</el-form-item>
			</el-form>
			<el-table v-loading="dataListLoading" :data="dataList" stripe highlight-current-row
				@selection-change="dataListSelectionChangeHandle" @sort-change="dataListSortChangeHandle"
				style="width: 100%;">

				<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
				<el-table-column prop="massage" label="详情" header-align="center" align="center" width=""></el-table-column>
				<el-table-column prop="type" label="类型" header-align="center" align="center" width="">
					<template slot-scope="{row}">
						<el-tag v-if="row.type === '订单'" size="small" type="success">
							{{ $getDictLabel("massageType", row.type) }}
						</el-tag>
						<el-tag v-else size="small" type="info">{{
                $getDictLabel("massageType", row.type)
              }}
						</el-tag>
					</template>
				</el-table-column>
        <el-table-column prop="status" label="状态" header-align="center" align="center" width="">
          <template slot-scope="{row}">
            <el-tag v-if="row.status === '已读'" size="small" type="success">
              {{ $getDictLabel("massageStatus", row.status) }}
            </el-tag>
            <el-tag v-else size="small" type="info">{{
                $getDictLabel("massageStatus", row.status)
              }}
            </el-tag>
          </template>
        </el-table-column>
				<el-table-column prop="createDate" label="创建日期" header-align="center" align="center"></el-table-column>
				<el-table-column label="操作" fixed="right" header-align="center" align="center" width="">
					<template slot-scope="scope">
						<el-link v-if="$hasPermission('api:massage:update')" type="primary"
							@click="addOrUpdateHandle(scope.row.id)">修改
						</el-link>
						<el-link v-if="$hasPermission('api:massage:delete')" type="primary"
							@click="deleteHandle(scope.row.id)">删除
						</el-link>
					</template>
				</el-table-column>

			</el-table>
			<el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total"
				layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
				@current-change="pageCurrentChangeHandle">
			</el-pagination>
			<!-- 弹窗, 新增 / 修改 -->
			<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
		</div>
	</el-card>
</template>

<script>
	import mixinViewModule from '@/mixins/view-module'
	import AddOrUpdate from './massageAddOrUpdate.vue'
	export default {
		mixins: [mixinViewModule],
		data() {
			return {
				mixinViewModuleOptions: {
					getDataListURL: '/api/massage/page',
					getDataListIsPage: true,
					deleteURL: '/api/massage',
					deleteIsBatch: true
				},
				dataForm: {
					id: '',
          massage: '',                    //信息状态：已读，未读
          type: '',                       //信息类型：订单、申请、提现
          status: '',                     //信息状态：已读，未读
					createDate: ''                  //创建时间
				},
			}
		},
		components: {
			AddOrUpdate
		},
		created() {

		},
		methods: {}
	}
</script>
